<!DOCTYPE HTML>
<style>

div.button {
  display: inline-block;
  background: yellow;
  border: 2px solid fuchsia;
  padding: 2px;
}

span {
  display: inline-block; vertical-align: middle;
  height: 2em; width: 5em; border: 2px solid blue;
  margin: 1px 3px; /* for implicit focuspadding */
}

</style>

<div class=button><span></span></div>
